@charset "UTF-8";
/*----------------------------------------*/
/*  Pages
/*----------------------------------------*/
/*Page Banner*/
.PageBannerJumbotron {
  width: 100%;
  height: calc(100vh - 78px);
  min-height: 700px;
  max-height: 700px;
  overflow: hidden;
  position: relative; }
  .PageBannerJumbotron .bannerCon {
    position: absolute;
    width: 480px;
    left: 158px;
    top: 200px;
    z-index: 120;
    transition: all 0.3s ease; }
  .PageBannerJumbotron .pageSwiper {
    width: 100%;
    height: 100%;
    max-height: 700px;
    background: #55636f; }
  .PageBannerJumbotron .innerCard, .PageBannerJumbotron .descCard {
    width: 100%;
    height: 100%;
    position: relative;
    background: #EDEEEE; }
    .PageBannerJumbotron .innerCard:before, .PageBannerJumbotron .descCard:before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 10;
      display: inline-block;
      background: url(https://cdn.infisight.net/www/images/pagebannerkv_maskbg.png?v20240807) left center no-repeat; }
    .PageBannerJumbotron .innerCard img, .PageBannerJumbotron .descCard img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      z-index: 5; }
    .PageBannerJumbotron .innerCard .container, .PageBannerJumbotron .descCard .container {
      height: 100%;
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      justify-content: center;
      position: relative;
      z-index: 100;
      margin: 0 auto;
      padding: 0px;
      transform: translateY(-12px); }
    .PageBannerJumbotron .innerCard .slideContent, .PageBannerJumbotron .descCard .slideContent {
      position: absolute;
      z-index: 1000;
      top: 0%;
      left: 130px;
      width: 580px;
      max-width: 90%;
      height: 100%;
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      justify-content: center; }
      .PageBannerJumbotron .innerCard .slideContent .title, .PageBannerJumbotron .descCard .slideContent .title {
        margin-bottom: 16px; }
      .PageBannerJumbotron .innerCard .slideContent h3, .PageBannerJumbotron .descCard .slideContent h3 {
        font-size: 40px;
        color: #1D2129;
        line-height: 56px;
        font-weight: 500; }
      .PageBannerJumbotron .innerCard .slideContent .desc, .PageBannerJumbotron .descCard .slideContent .desc {
        margin-bottom: 48px; }
        .PageBannerJumbotron .innerCard .slideContent .desc p, .PageBannerJumbotron .descCard .slideContent .desc p {
          font-size: 18px;
          color: #3C4C63;
          line-height: 28px;
          text-align: justify;
          font-weight: 300; }
      .PageBannerJumbotron .innerCard .slideContent .linkbtn, .PageBannerJumbotron .descCard .slideContent .linkbtn {
        max-width: 136px;
        height: 54px;
        display: flex;
        border-radius: 30px;
        align-items: center;
        justify-content: center;
        border: 1px solid #15284B;
        padding: 16px 20px;
        transition: all ease-in-out 0.3s;
        position: relative; }
        .PageBannerJumbotron .innerCard .slideContent .linkbtn span, .PageBannerJumbotron .descCard .slideContent .linkbtn span {
          color: #15284B;
          font-size: 16px;
          transition: all ease-in-out 0.3s;
          font-weight: 500; }
        .PageBannerJumbotron .innerCard .slideContent .linkbtn:before, .PageBannerJumbotron .descCard .slideContent .linkbtn:before {
          width: 18px;
          height: 18px;
          background: url(../images/linkbtn_arrow.svg) center center no-repeat;
          background-size: 18px 18px;
          transition: all ease-in-out 0.3s;
          content: '';
          position: absolute;
          left: 24px;
          opacity: 0;
          visibility: hidden; }
        .PageBannerJumbotron .innerCard .slideContent .linkbtn:hover span, .PageBannerJumbotron .descCard .slideContent .linkbtn:hover span {
          margin-left: 24px; }
        .PageBannerJumbotron .innerCard .slideContent .linkbtn:hover:before, .PageBannerJumbotron .descCard .slideContent .linkbtn:hover:before {
          opacity: 1;
          visibility: visible; }
    .PageBannerJumbotron .innerCard .slideContent.whiteTxt h3, .PageBannerJumbotron .descCard .slideContent.whiteTxt h3 {
      color: #fff; }
    .PageBannerJumbotron .innerCard .slideContent.whiteTxt .desc p, .PageBannerJumbotron .descCard .slideContent.whiteTxt .desc p {
      color: #fff;
      font-weight: 300; }
    .PageBannerJumbotron .innerCard .slideContent.whiteTxt .linkbtn, .PageBannerJumbotron .descCard .slideContent.whiteTxt .linkbtn {
      border: 1px solid #fff; }
      .PageBannerJumbotron .innerCard .slideContent.whiteTxt .linkbtn span, .PageBannerJumbotron .descCard .slideContent.whiteTxt .linkbtn span {
        color: #fff; }
      .PageBannerJumbotron .innerCard .slideContent.whiteTxt .linkbtn:before, .PageBannerJumbotron .descCard .slideContent.whiteTxt .linkbtn:before {
        background: url(../images/linkbtn_arrow_w.svg) center center no-repeat; }
  .PageBannerJumbotron .scollingArrow {
    position: absolute;
    width: 25px;
    height: 36px;
    background: url(../images/scrollpage_arrow.svg) no-repeat;
    background-size: contain;
    left: 50%;
    bottom: 45px;
    margin-left: -12.5px;
    -webkit-animation: b_t 2s ease-in-out 0s infinite 300ms 0 ease;
    -moz-animation: b_t 2s ease-in-out 0s infinite 300ms 0 ease;
    -ms-animation: b_t 2s ease-in-out 0s infinite 300ms 0 ease;
    animation: b_t 2s ease-in-out 0s infinite 300ms 0 ease;
    -o-animation: b_t 2s ease-in-out 0s infinite;
    -webkit-animation: b_t 2s ease-in-out 0s infinite;
    -moz-animation: b_t 2s ease-in-out 0s infinite;
    -ms-animation: b_t 2s ease-in-out 0s infinite;
    animation: b_t 2s ease-in-out 0s infinite;
    z-index: 100; }
    .PageBannerJumbotron .scollingArrow.lightColor {
      background: url(../images/scrollpage_arrow_w.svg) no-repeat; }
	
	

/*内页视频Banner*/
.pageBannerVideo {
    width: 100%;
    height: calc(100vh - 78px);
    min-height: 700px;
    max-height: 700px;
    overflow: hidden;
    position: relative;
}

.pageBannerVideo .innerCard .slideContent, 
.pageBannerVideo .descCard .slideContent {
    width: 580px;
    max-width: 90%;
}

.pageBannerVideo .innerCard:before{
	display:none;
}

.pageBannerVideo .innerCard .slideContent .linkbtn,
.pageBannerVideo .descCard .slideContent .linkbtn {
	max-width: 136px;
	padding: 16px 20px;
}

.pageBannerVideo .slideContent .desc p {
    line-height: 28px;
	color: #fff;
}

.pageBannerVideo .slideContent h3 {
   font-size: 40px;
   color: #fff;
   line-height: 56px;
}


/**/
.flowDetectionBanner .container {
  padding: 0px; }

.flowDetectionBanner .innerCard {
  position: absolute;
  max-width: 580px; }

.flowDetectionBanner .innerCard .slideContent .title {
  margin-bottom: 32px; }

.flowDetectionBanner .innerCard:nth-of-type(1):before, .flowDetectionBanner .innerCard:nth-of-type(2):before {
  display: none; }

.aiAtBanner .innerCard .slideContent .desc p {
  font-size: 18px;
  line-height: 25px;
  text-align: justify;
  font-weight: 300; }

.aiAtBanner .innerCard .slideContent .colortxt {
  background: linear-gradient(90deg, #12D0D5 0%, #6674FF 42%, #D832FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 500; }

/*Product Column*/
.productColumnBanner .innerCard:before {
  background: none; }

/*Product Center*/
.proSmartSystem .titleWrap {
  margin-bottom: 110px; }
  .proSmartSystem .titleWrap h2 {
    color: #1D2129;
    font-size: 32px;
    line-height: 1;
    font-weight: 500;
    text-align: center; }
  .proSmartSystem .titleWrap p {
    color: #1D2129;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    text-align: center; 
    padding-top: 16px;}
  

.proSmartSystem .smartSystemCon {
  padding: 100px 0px 80px 0px;
  position: relative;
  margin-bottom: 120px; }
  .proSmartSystem .smartSystemCon .container {
    padding: 0px 130px;
    position: relative;
    z-index: 50; }
  .proSmartSystem .smartSystemCon:before, .proSmartSystem .smartSystemCon::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 10; }
  .proSmartSystem .smartSystemCon:before {
    width: 319px;
    height: 243px;
    left: 0px;
    top: 0px;
    background: url(https://cdn.infisight.net/www/images/prosmart_system_bg_left.png?v20240807); }
  .proSmartSystem .smartSystemCon::after {
    width: 527px;
    height: 345px;
    right: 0px;
    bottom: 0px;
    background: url(https://cdn.infisight.net/www/images/prosmart_system_bg_right.png?v20240807); }
  .proSmartSystem .smartSystemCon .smartSystemList {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .proSmartSystem .smartSystemCon .smartSystemList.appWrap {
      display: none; }
  .proSmartSystem .smartSystemCon .systemlist-leftWrap {
    width: 278px;
    height: 417px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .proSmartSystem .smartSystemCon .systemlist-rightWrap {
    width: 278px;
    height: 417px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .proSmartSystem .smartSystemCon .systemInner {
    display: flex;
    align-items: self-start;
    height: 107px; }
    .proSmartSystem .smartSystemCon .systemInner .iconBox {
      margin-right: 8px; }
    .proSmartSystem .smartSystemCon .systemInner h6 {
      color: #1D2129;
      margin-bottom: 16px;
      align-items: center;
      display: flex;
      font-size: 18px;
      height: 26px;
      font-weight: 400;
      line-height: 25px; }
    .proSmartSystem .smartSystemCon .systemInner p {
      color: #4E5969;
      font-size: 16px;
      text-align: justify;
      font-size: 16px;
      line-height: 22px;
      opacity: 0.8;
      font-weight: 300; }
  .proSmartSystem .smartSystemCon i.icon {
    width: 26px;
    height: 26px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain; }
  .proSmartSystem .smartSystemCon i.smart-planico {
    background-image: url(https://cdn.infisight.net/www/images/smart-planico.svg?v20240807); }
  .proSmartSystem .smartSystemCon i.smart-reportico {
    background-image: url(https://cdn.infisight.net/www/images/smart-reportico.svg?v20240807); }
  .proSmartSystem .smartSystemCon i.smart-taskico {
    background-image: url(https://cdn.infisight.net/www/images/smart-taskico.svg?v20240807); }
  .proSmartSystem .smartSystemCon i.smart-inspectionico {
    background-image: url(https://cdn.infisight.net/www/images/smart-inspectionico.svg?v20240807); }
  .proSmartSystem .smartSystemCon i.smart-problemsico {
    background-image: url(https://cdn.infisight.net/www/images/smart-problemsico.svg?v20240807); }
  .proSmartSystem .smartSystemCon i.smart-reviewico {
    background-image: url(https://cdn.infisight.net/www/images/smart-reviewico.svg?v20240807); }
  .proSmartSystem .smartSystemCon .smartCoreCon {
    width: 380px;
    height: 380px;
    display: flex;
    background: url(https://cdn.infisight.net/www/images/smartsystems_core_bg_v2.png?v20240807) center center no-repeat;
    background-size: contain;
    position: relative; }
    .proSmartSystem .smartSystemCon .smartCoreCon.appWrap {
      display: none; }
    .proSmartSystem .smartSystemCon .smartCoreCon .coreCircleBox {
      display: flex;
      width: 58px;
      height: 50px;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      position: absolute; }
      .proSmartSystem .smartSystemCon .smartCoreCon .coreCircleBox h6 {
        font-size: 14px;
        color: #15284B;
        margin-top: 5px; }
      .proSmartSystem .smartSystemCon .smartCoreCon .coreCircleBox:nth-of-type(1) {
        top: 94px;
        left: 34px; }
      .proSmartSystem .smartSystemCon .smartCoreCon .coreCircleBox:nth-of-type(2) {
        top: 21px;
        left: 162px; }
      .proSmartSystem .smartSystemCon .smartCoreCon .coreCircleBox:nth-of-type(3) {
        top: 94px;
        right: 33px; }
      .proSmartSystem .smartSystemCon .smartCoreCon .coreCircleBox:nth-of-type(4) {
        bottom: 106px;
        right: 33px; }
      .proSmartSystem .smartSystemCon .smartCoreCon .coreCircleBox:nth-of-type(5) {
        bottom: 26px;
        left: 161px; }
      .proSmartSystem .smartSystemCon .smartCoreCon .coreCircleBox:nth-of-type(6) {
        bottom: 106px;
        left: 34px; }

/*what Infisight*/
.dataDisplayWrap, .answerDisplaySection {
  padding: 80px 0px; }
  .dataDisplayWrap .container, .answerDisplaySection .container {
    display: flex;
    justify-content: space-between;
    padding: 0px 120px;
    gap: 0px 40px; }
  .dataDisplayWrap .titleWrap, .answerDisplaySection .titleWrap {
    width: 260px; }
    .dataDisplayWrap .titleWrap h3, .answerDisplaySection .titleWrap h3 {
      font-size: 32px;
      color: #1D2129;
      font-weight: 500;
      line-height: 39px; }
      .dataDisplayWrap .titleWrap h3 span, .answerDisplaySection .titleWrap h3 span {
        font-size: 28px;
        font-weight: 500;
        display: block; }
  .dataDisplayWrap .datalistCon, .answerDisplaySection .datalistCon {
    width: calc(100% - 320px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 56px 80px; }
    .dataDisplayWrap .datalistCon .innerli, .answerDisplaySection .datalistCon .innerli {
      width: 230px; }
      .dataDisplayWrap .datalistCon .innerli .subtitle, .answerDisplaySection .datalistCon .innerli .subtitle {
        font-size: 22px;
        color: #1d2129;
        margin-bottom: 32px;
        line-height: 31px;
        font-weight: 400; }
        .dataDisplayWrap .datalistCon .innerli .subtitle i, .answerDisplaySection .datalistCon .innerli .subtitle i {
          position: relative;
          font-weight: 400; }
          .dataDisplayWrap .datalistCon .innerli .subtitle i:after, .answerDisplaySection .datalistCon .innerli .subtitle i:after {
            width: 100%;
            height: 2px;
            position: absolute;
            bottom: 1px;
            left: 0px;
            content: '';
            background: #4E5969; }
      .dataDisplayWrap .datalistCon .innerli .numBox, .answerDisplaySection .datalistCon .innerli .numBox {
        color: #15284B;
        font-size: 44px;
        font-weight: 500;
        margin-bottom: 8px;
        line-height: 64px;
        text-transform: capitalize; }
      .dataDisplayWrap .datalistCon .innerli .desc, .answerDisplaySection .datalistCon .innerli .desc {
        color: #86909C;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px; }

/**/
.answerDisplaySection {
  background: #15284B; }
  .answerDisplaySection .titleWrap h3 {
    color: #FFFFFF; }
  .answerDisplaySection .datalistCon .innerli .subtitle {
    color: #C9CDD4; }
    .answerDisplaySection .datalistCon .innerli .subtitle i:after {
      background: #C9CDD4; }
  .answerDisplaySection .datalistCon .innerli .numBox {
    color: #FFFFFF;
    font-size: 48px;
    line-height: 64px; }
  .answerDisplaySection .datalistCon .innerli .desc {
    color: #86909C; }

/**/
.platformFeatureSection {
  padding: 120px 0px 0px;
  background: #fff; }
  .platformFeatureSection .container {
    padding: 0px 130px; }
  .platformFeatureSection .titleWrap {
    margin-bottom: 24px;
    text-align: center; }
    .platformFeatureSection .titleWrap h3 {
      font-size: 32px;
      line-height: 45px;
      font-weight: 500;
      color: #1D2129;
      margin-bottom: 24px; }
    .platformFeatureSection .titleWrap p {
      color: #1D2129;
      font-size: 16px;
      line-height: 20px;
      font-weight: 300; }
  .platformFeatureSection .platformContent .featureWrap {
    position: relative;
    width: 100%;
    height: 600px;
    margin: 0 auto;
    z-index: 6;
    background: url(https://cdn.infisight.net/www/images/InfiSightzrsjmdsjyyjcpt.png) center center no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .platformFeatureSection .platformContent .featureList {
    position: relative;
    width: 100%;
    height: 600px;
    z-index: 9; }
    .platformFeatureSection .platformContent .featureList .featureInner {
      display: flex;
      flex-direction: row;
      text-align: center;
      justify-content: center;
      align-items: center;
      width: 210px;
      padding: 18px 0px;
      position: absolute;
      background: #FFFFFF;
      box-shadow: -4px 4px 20px rgba(161, 161, 161, 0.22);
      border-radius: 16px;
      font-size: 20px;
      color: #1D2129;
      font-weight: 500; }
      .platformFeatureSection .platformContent .featureList .featureInner:nth-of-type(1) {
        left: 190px;
        top: 93px; }
      .platformFeatureSection .platformContent .featureList .featureInner:nth-of-type(2) {
        left: 173px;
        top: 205px; }
      .platformFeatureSection .platformContent .featureList .featureInner:nth-of-type(3) {
        left: 173px;
        top: 323px; }
      .platformFeatureSection .platformContent .featureList .featureInner:nth-of-type(4) {
        left: 208px;
        top: 437px; }
      .platformFeatureSection .platformContent .featureList .featureInner:nth-of-type(5) {
        right: 190px;
        top: 93px; }
      .platformFeatureSection .platformContent .featureList .featureInner:nth-of-type(6) {
        right: 173px;
        top: 205px; }
      .platformFeatureSection .platformContent .featureList .featureInner:nth-of-type(7) {
        right: 168px;
        top: 323px; }
      .platformFeatureSection .platformContent .featureList .featureInner:nth-of-type(8) {
        right: 208px;
        top: 437px; }
  .platformFeatureSection .platformContent .featureCoreTitle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 278px;
    height: 278px;
    background: #15284B;
    border-radius: 50%;
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .platformFeatureSection .platformContent .featureCoreTitle h6 {
      font-size: 22px;
      color: #fff;
      text-align: center;
      line-height: 32px; }

/**/
.differencesSection {
  padding: 120px 0px 100px 0px;
  background: #F7F7F7;
  position: relative; }
  .differencesSection:after {
    width: 630px;
    height: 434px;
    background: url(https://cdn.infisight.net/www/images/differencessection_bg.png) right bottom no-repeat;
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block; }
  .differencesSection .container {
    padding: 0px 110px; }
  .differencesSection .titleWrap {
    margin-bottom: 80px;
    text-align: center; }
    .differencesSection .titleWrap h3 {
      font-size: 32px;
      font-weight: 500;
      color: #1D2129;
      line-height: 45px; }
  .differencesSection .differencesSwiper {
    padding: 0px 20px 20px; }
  .differencesSection .listCon {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    gap: 0px 24px; }
    .differencesSection .listCon .differentInner {
      width: 578px !important;
      height: 232px;
      background: #fff;
      padding: 24px 32px;
      display: flex;
      flex-direction: column;
      border-radius: 8px;
      box-shadow: -4px 4px 20px rgba(161, 161, 161, 0.22);
      margin-bottom: 24px; }
      .differencesSection .listCon .differentInner:nth-of-type(3), .differencesSection .listCon .differentInner:nth-of-type(4) {
        margin-bottom: 0px; }
      .differencesSection .listCon .differentInner .iconBox {
        width: 48px;
        height: 48px; }
        .differencesSection .listCon .differentInner .iconBox img {
          width: 48px;
          height: 48px;
          object-fit: cover; }
      .differencesSection .listCon .differentInner h4 {
        color: #15284B;
        font-size: 24px;
        line-height: 34px;
        margin-top: 10px;
        margin-bottom: 12px;
        font-weight: 500; }
      .differencesSection .listCon .differentInner p.desc {
        color: #4E5969;
        font-size: 16px;
        text-align: justify;
        line-height: 22px;
        font-weight: 300; }

/* AI at Infisight */
.serviceFeaturesSecion {
  padding: 120px 0px 53px 0px;
  background: #FFFFFF url(https://cdn.infisight.net/www/images/servicefeatures_secionbg.png); }
  .serviceFeaturesSecion .container {
    position: relative;
    padding: 0px 116px; }
  .serviceFeaturesSecion .titleWrap {
    margin-bottom: 60px;
    text-align: center; }
    .serviceFeaturesSecion .titleWrap h3 {
      font-size: 32px;
      color: #1D2129;
      line-height: 45px;
      font-weight: 400; }
  .serviceFeaturesSecion .serviceFeatureslist {
    padding: 20px 16px; }
    .serviceFeaturesSecion .serviceFeatureslist .swiper-wrapper {
      width: 100%;
      position: relative;
      z-index: 10;
      display: flex;
      justify-content: space-between; }
  .serviceFeaturesSecion .serviceInner {
    background: #fff;
    height: 482px;
    border-radius: 8px;
    box-shadow: -4px 4px 12px rgba(161, 161, 161, 0.22); }
    .serviceFeaturesSecion .serviceInner .imgBox {
      width: 100%;
      height: 248px;
      background: #F2F3F5;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px; }
    .serviceFeaturesSecion .serviceInner .txtBox {
      padding: 24px 24px 32px 24px;
      background-color: #fff; }
      .serviceFeaturesSecion .serviceInner .txtBox h4 {
        font-size: 24px;
        margin-bottom: 16px;
        color: #15284B;
        font-weight: 500;
        line-height: 34px; }
      .serviceFeaturesSecion .serviceInner .txtBox p {
        font-size: 16px;
        line-height: 1.5;
        color: #1D2129;
        line-height: 22px;
        font-weight: 300; }
      .serviceFeaturesSecion .serviceInner .txtBox a {
        color: #15284B;
        text-decoration: underline;
        font-weight: 300; }
  .serviceFeaturesSecion .slideArrowGroup {
    position: absolute;
    bottom: 45%;
    left: 36px;
    right: 36px;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 72px);
    gap: 16px; }
    .serviceFeaturesSecion .slideArrowGroup .slide-arrow {
      width: 62px;
      height: 62px;
      border-radius: 60px;
      cursor: pointer;
      background: #fff;
      transition: all ease-in-out 0.3s; }
    .serviceFeaturesSecion .slideArrowGroup .slide-arrow-prev {
      transition: all ease-in-out 0.3s;
      background: #fff url(https://cdn.infisight.net/www/images/slide_arrow_left.svg) center center no-repeat;
      background-size: 13px 13px; }
      .serviceFeaturesSecion .slideArrowGroup .slide-arrow-prev:hover {
        background: #15284B url(https://cdn.infisight.net/www/images/slide_arrow_left_w.svg) center center no-repeat;
        background-size: 13px 13px; }
    .serviceFeaturesSecion .slideArrowGroup .slide-arrow-next {
      transition: all ease-in-out 0.3s;
      background: #fff url(https://cdn.infisight.net/www/images/slide_arrow_right.svg) 45% center no-repeat;
      background-size: 13px 13px; }
      .serviceFeaturesSecion .slideArrowGroup .slide-arrow-next:hover {
        background: #15284B url(https://cdn.infisight.net/www/images/slide_arrow_right_w.svg) 45% center no-repeat;
        background-size: 13px 13px; }

.customerFeedback {
  padding: 120px 0px;
  background: #fff; }
  .customerFeedback .container {
    position: relative;
    padding: 0px 130px; }
  .customerFeedback .titleWrap {
    margin-bottom: 56px; }
    .customerFeedback .titleWrap h3 {
      text-align: center;
      font-size: 32px;
      color: #1D2129;
      font-weight: 400; }
  .customerFeedback .feedbackListSwiper {
    position: relative;
    z-index: 10; }
  .customerFeedback .swiper-wrapper {
    position: relative;
    z-index: 10; }
  .customerFeedback .swiper-slide {
    padding-top: 50px; }
  .customerFeedback .feedbackInner {
    position: relative;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .customerFeedback .feedbackInner .introCon {
      background: linear-gradient(360deg, #FFFFFF 0%, #F5FAFE 100%);
      border-radius: 12px;
      padding: 0px 80px 56px 80px;
      position: relative;
      width: calc(100% - 4px);
      height: calc(100% - 4px); }
    .customerFeedback .feedbackInner:after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      padding: 2px;
      background-image: linear-gradient(120deg, rgba(17, 186, 193, 0.25) 0%, rgba(98, 120, 255, 0.25) 49%, rgba(206, 55, 255, 0.25) 100%);
      position: absolute;
      bottom: 0px;
      border-radius: 12px;
      left: 0px;
      z-index: -1; }
    .customerFeedback .feedbackInner .titleBox {
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      flex-direction: column;
      top: -50px;
      width: 365px;
      height: 160px;
      margin: 0 auto; }
      .customerFeedback .feedbackInner .titleBox img {
        width: 96px;
        height: 96px;
        border-radius: 50%;
        border: 1px solid #fff;
        border-radius: 50%;
        box-shadow: 0px 3.2px 8px rgba(77, 83, 94, 0.22); }
      .customerFeedback .feedbackInner .titleBox h6 {
        font-size: 18px;
        color: #1D2129;
        line-height: 26px;
        margin-top: 12px;
        font-weight: 400; }
      .customerFeedback .feedbackInner .titleBox p {
        font-size: 16px;
        line-height: 26px;
        color: #1D2129;
        font-weight: 300; }
    .customerFeedback .feedbackInner .desc {
      font-size: 20px;
      line-height: 28px;
      text-align: justify;
      font-weight: 300; }
  .customerFeedback .swiper-pagination {
    width: 216px;
    position: absolute;
    bottom: 86px;
    right: 100px;
    justify-content: space-between;
    z-index: 1000;
    left: auto;
    color: #F7F7F7; }
    .customerFeedback .swiper-pagination span {
      color: #15284B;
      position: relative;
      margin-top: 2px; }
    .customerFeedback .swiper-pagination span.swiper-pagination-current {
      margin-left: 1px; }
    .customerFeedback .swiper-pagination span.swiper-pagination-current:before {
      position: absolute;
      content: '0';
      color: #15284B;
      display: inline-block;
      width: 10px;
      height: 24px;
      left: -10px; }
    .customerFeedback .swiper-pagination span.swiper-pagination-total {
      margin-right: -4px; }
    .customerFeedback .swiper-pagination span.swiper-pagination-total:before {
      position: absolute;
      content: '0';
      color: #15284B;
      display: inline-block;
      width: 10px;
      height: 24px;
      left: -10px; }
  .customerFeedback .switch_progressbar {
    width: 180px;
    position: absolute;
    border-top: 3px solid #C9CDD4;
    position: absolute;
    bottom: 88px;
    right: 122px;
    z-index: 80; }
    .customerFeedback .switch_progressbar .progressbar_page {
      position: absolute;
      top: -3px;
      left: 0;
      width: 100%;
      height: 3px; }
      .customerFeedback .switch_progressbar .progressbar_page span {
        background-color: #15284B;
        content: "";
        display: block;
        height: 3px;
        width: 0%; }
    .customerFeedback .switch_progressbar .progressbar_page.on span {
      width: 100%;
      transition: all 10s linear; }
  .customerFeedback .slideArrowGroup {
    width: 260px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 80px;
    right: 80px;
    z-index: 100; }
    .customerFeedback .slideArrowGroup .slide-arrow-prev {
      height: 20px;
      width: 20px;
      display: block;
      background: url(https://cdn.infisight.net/www/images/slide-arrow-prev-style2.svg) center center no-repeat;
      background-size: 13px 13px; }
      .customerFeedback .slideArrowGroup .slide-arrow-prev:hover {
        background: url(https://cdn.infisight.net/www/images/slide-arrow-prev-style2_h.svg) center center no-repeat;
        background-size: 13px 13px; }
    .customerFeedback .slideArrowGroup .slide-arrow-next {
      height: 20px;
      width: 20px;
      display: block;
      background: url(https://cdn.infisight.net/www/images/slide-arrow-next-style2.svg) center center no-repeat;
      background-size: 13px 13px; }
      .customerFeedback .slideArrowGroup .slide-arrow-next:hover {
        background: url(../images/slide-arrow-next-style2_h.svg) center center no-repeat;
        background-size: 13px 13px; }

.characteristicSection .container, .productInspectionSection .container {
  padding: 0px 0px;
  position: relative; }

.characteristicSection .titleWrap, .productInspectionSection .titleWrap {
  margin-bottom: 80px; }
  .characteristicSection .titleWrap h3, .productInspectionSection .titleWrap h3 {
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    color: #1D2129;
    line-height: 45px; }

.characteristicSection .characteristicInner, .characteristicSection .proInspectionInner, .productInspectionSection .characteristicInner, .productInspectionSection .proInspectionInner {
  height: 560px;
  background: #F7F7F7;
  display: flex;
  margin-bottom: 80px; }
  .characteristicSection .characteristicInner:nth-of-type(odd), .characteristicSection .proInspectionInner:nth-of-type(odd), .productInspectionSection .characteristicInner:nth-of-type(odd), .productInspectionSection .proInspectionInner:nth-of-type(odd) {
    flex-direction: row-reverse;
    background: #fff; }
  .characteristicSection .characteristicInner .introWrap, .characteristicSection .proInspectionInner .introWrap, .productInspectionSection .characteristicInner .introWrap, .productInspectionSection .proInspectionInner .introWrap {
    width: calc(100% - 680px);
    height: 100%;
    padding: 0px 130px 0px 130px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column; }
    .characteristicSection .characteristicInner .introWrap .titleBox, .characteristicSection .proInspectionInner .introWrap .titleBox, .productInspectionSection .characteristicInner .introWrap .titleBox, .productInspectionSection .proInspectionInner .introWrap .titleBox {
      margin-bottom: 40px; }
      .characteristicSection .characteristicInner .introWrap .titleBox h5, .characteristicSection .proInspectionInner .introWrap .titleBox h5, .productInspectionSection .characteristicInner .introWrap .titleBox h5, .productInspectionSection .proInspectionInner .introWrap .titleBox h5 {
        color: #081124;
        font-size: 28px;
        margin-bottom: 6px;
        line-height: 45px;
        font-weight: 500; }
      .characteristicSection .characteristicInner .introWrap .titleBox p, .characteristicSection .proInspectionInner .introWrap .titleBox p, .productInspectionSection .characteristicInner .introWrap .titleBox p, .productInspectionSection .proInspectionInner .introWrap .titleBox p {
        font-size: 18px;
        color: #4E5969;
        line-height: 25px;
        font-weight: 300; }
    .characteristicSection .characteristicInner .introWrap .txtBox, .characteristicSection .proInspectionInner .introWrap .txtBox, .productInspectionSection .characteristicInner .introWrap .txtBox, .productInspectionSection .proInspectionInner .introWrap .txtBox {
      margin-bottom: 40px; }
      .characteristicSection .characteristicInner .introWrap .txtBox ul, .characteristicSection .proInspectionInner .introWrap .txtBox ul, .productInspectionSection .characteristicInner .introWrap .txtBox ul, .productInspectionSection .proInspectionInner .introWrap .txtBox ul {
        display: flex;
        flex-direction: column;
        gap: 24px; }
        .characteristicSection .characteristicInner .introWrap .txtBox ul li, .characteristicSection .proInspectionInner .introWrap .txtBox ul li, .productInspectionSection .characteristicInner .introWrap .txtBox ul li, .productInspectionSection .proInspectionInner .introWrap .txtBox ul li {
          color: #081124;
          font-size: 18px;
          line-height: 25px;
          margin-left: 16px;
          position: relative;
          font-weight: 300;
          list-style: disc; }
          .characteristicSection .characteristicInner .introWrap .txtBox ul li:nth-last-of-type(1), .characteristicSection .proInspectionInner .introWrap .txtBox ul li:nth-last-of-type(1), .productInspectionSection .characteristicInner .introWrap .txtBox ul li:nth-last-of-type(1), .productInspectionSection .proInspectionInner .introWrap .txtBox ul li:nth-last-of-type(1) {
            margin-bottom: 0px; }
    .characteristicSection .characteristicInner .introWrap .slogan, .characteristicSection .proInspectionInner .introWrap .slogan, .productInspectionSection .characteristicInner .introWrap .slogan, .productInspectionSection .proInspectionInner .introWrap .slogan {
      color: #2E7BD3;
      font-size: 20px;
      font-weight: 500;
      line-height: 34px;
      background: linear-gradient(90deg, #12D0D5 0%, #6674FF 42%, #D832FF 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent; }

.characteristicSection .imgSwiper, .productInspectionSection .imgSwiper {
  width: 680px;
  height: 560px;
  display: flex;
  position: relative;
  align-items: center;
  overflow: hidden;
  justify-content: center;
  background: #F7F7F7; }
  .characteristicSection .imgSwiper img, .productInspectionSection .imgSwiper img {
    width: 100%;
    height: 100%;
    object-fit: contain; }

.characteristicSection .swiper-pagination, .productInspectionSection .swiper-pagination {
  bottom: 40px; }

.characteristicSection .swiper-pagination.lightbtn .swiper-pagination-bullet, .productInspectionSection .swiper-pagination.lightbtn .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.6; }

.characteristicSection .swiper-pagination.lightbtn .swiper-pagination-bullet-active, .productInspectionSection .swiper-pagination.lightbtn .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1; }

.characteristicSection {
  margin-bottom: 155px; }

.productInspectionSection .container {
  overflow: hidden; }

.productInspectionSection .proInsSwiper {
  position: relative; }

.productInspectionSection .proInspectionInner {
  background: #fff;
  margin-bottom: 120px;
  height: 610px; }
  .productInspectionSection .proInspectionInner .swiper-slide {
    display: flex;
    background: #fff; }
  .productInspectionSection .proInspectionInner .introWrap {
    width: calc(100% - 800px);
    padding: 130px 130px 0px 130px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    position: relative; }
    .productInspectionSection .proInspectionInner .introWrap .titleBox {
      width: 380px;
      margin-bottom: 40px; }
      .productInspectionSection .proInspectionInner .introWrap .titleBox h5 {
        color: #1D2129;
        font-size: 28px;
        margin-bottom: 16px;
        line-height: 39px;
        font-weight: 500; }
      .productInspectionSection .proInspectionInner .introWrap .titleBox p {
        font-size: 18px;
        color: #4E5969;
        line-height: 25px;
        text-align: justify; }
  .productInspectionSection .proInspectionInner .imgWrap {
    width: 800px;
    height: 610px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    background: #f7f7f7; }
    .productInspectionSection .proInspectionInner .imgWrap.whitebg {
      background: #ffffff; }

.productInspectionSection .swiper-pagination {
  width: 800px;
  bottom: 40px;
  padding-right: 50px;
  left: auto;
  top: auto;
  justify-content: flex-end;
  position: relative;
  z-index: 1000; }

.productInspectionSection .slideArrowGroup {
  width: calc(100% - 800px);
  right: -130px;
  position: absolute;
  bottom: 40px;
  z-index: 50;
  display: flex;
  align-items: center;
  gap: 16px; }
  .productInspectionSection .slideArrowGroup.leftArrow {
    right: auto;
    left: 0px; }
  .productInspectionSection .slideArrowGroup .slideGroupCon {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 16px; }
  .productInspectionSection .slideArrowGroup .slide-arrow {
    width: 56px;
    height: 56px;
    border-radius: 60px;
    cursor: pointer;
    border: 1px solid #A3A8AC;
    transition: all ease-in-out 0.3s; }
    .productInspectionSection .slideArrowGroup .slide-arrow:hover {
      border: 1px solid #15284B; }
  .productInspectionSection .slideArrowGroup .slide-arrow-prev {
    background: url(../images/slide_arrow_left.svg) center center no-repeat;
    background-size: 13px 13px; }
    .productInspectionSection .slideArrowGroup .slide-arrow-prev:hover {
      background: #15284B url(../images/slide_arrow_left_w.svg) center center no-repeat;
      background-size: 13px 13px; }
  .productInspectionSection .slideArrowGroup .slide-arrow-next {
    background: url(../images/slide_arrow_right.svg) 45% center no-repeat;
    background-size: 13px 13px; }
    .productInspectionSection .slideArrowGroup .slide-arrow-next:hover {
      background: #15284B url(../images/slide_arrow_right_w.svg) 45% center no-repeat;
      background-size: 13px 13px; }

.productInspectionSection.evenNum .proInspectionInner .swiper-slide {
  background: #F7F7F7;
  flex-direction: row-reverse; }

.productInspectionSection.evenNum .slideArrowGroup {
  right: auto;
  left: 130px;
  z-index: 10; }

.productInspectionSection.evenNum .swiper-pagination {
  padding-right: 0px;
  padding-left: 50px;
  right: 0px;
  left: auto;
  justify-content: flex-start;
  position: absolute;
  z-index: 1000; }

.backgroundVideo3 {
  opacity: 0; }

.backgroundVideo2 {
  opacity: 0; }

.backgroundVideo1 {
  opacity: 0; }

.flowDetectionAlgorithm .container {
  max-width: 100%; }

.flowDetectionAlgorithm .flowDetectionAccordionMobile .accordion-container .accordion-item .bodyCon .ulBox ul {
  display: flex;
  flex-direction: column;
  gap: 12px; }
  .flowDetectionAlgorithm .flowDetectionAccordionMobile .accordion-container .accordion-item .bodyCon .ulBox ul li {
    color: #081124;
    font-size: 13px;
    line-height: 18px;
    margin-left: 16px;
    position: relative;
    font-weight: 300;
    list-style: disc; }
    .flowDetectionAlgorithm .flowDetectionAccordionMobile .accordion-container .accordion-item .bodyCon .ulBox ul li.on {
      color: #5391FF; }

.flowDetectionAlgorithm {
  margin: 120px 0px; }
  .flowDetectionAlgorithm .container {
    margin: 0px auto; }
  .flowDetectionAlgorithm .titleWrap {
    margin-bottom: 54px; }
  .flowDetectionAlgorithm .titleWrap h3 {
    color: #1D2129;
    font-size: 32px;
    font-weight: 500;
    line-height: 45px; }
  .flowDetectionAlgorithm .businessSwitchWrap .imgCard {
    flex: 0 0 50%;
    background: #fff; }
  .flowDetectionAlgorithm .businessSwitchWrap .imgCard video {
    width: 100%;
    min-height: 658px; }
  .flowDetectionAlgorithm .flowDetectionTabContent {
    overflow: hidden;
    width: 100%; }
    .flowDetectionAlgorithm .flowDetectionTabContent .switchNavTab {
      padding: 0px;
      margin: 0px;
      position: relative;
      width: 100%; }
      .flowDetectionAlgorithm .flowDetectionTabContent .switchNavTab:after {
        content: '';
        width: 100%;
        height: 3px;
        display: inline-block;
        position: absolute;
        bottom: 0px;
        background: #F7F8FA;
        z-index: -1; }
    .flowDetectionAlgorithm .flowDetectionTabContent .switchBox {
      gap: 0px;
      position: relative;
      margin: 0 auto;
      width: calc(100% - 220px); }
      .flowDetectionAlgorithm .flowDetectionTabContent .switchBox li {
        width: calc(100% / 3) !important;
        height: 38px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .flowDetectionAlgorithm .flowDetectionTabContent .switchBox li:before {
          width: 0%; }
        .flowDetectionAlgorithm .flowDetectionTabContent .switchBox li a {
          width: 100%;
          text-align: center;
          display: flex;
          justify-content: center; }
        .flowDetectionAlgorithm .flowDetectionTabContent .switchBox li .title {
          font-size: 16px;
          line-height: 22px;
          padding-bottom: 20px; }
      .flowDetectionAlgorithm .flowDetectionTabContent .switchBox li.active:before {
        width: 40%;
        transition: inherit; }
  .flowDetectionAlgorithm .flowDetectionSwitchWrap {
    overflow: hidden;
    margin-left: 0px;
    padding: 0px; }
    .flowDetectionAlgorithm .flowDetectionSwitchWrap .imgCard {
      border-radius: 0px; }
    .flowDetectionAlgorithm .flowDetectionSwitchWrap .slideInner {
      display: none; }
    .flowDetectionAlgorithm .flowDetectionSwitchWrap .slideInner.active {
      display: flex; }
    .flowDetectionAlgorithm .flowDetectionSwitchWrap .innerCard {
      padding: 88px;
      background: #fff; }
      .flowDetectionAlgorithm .flowDetectionSwitchWrap .innerCard .titleBox {
        margin-bottom: 24px; }
      .flowDetectionAlgorithm .flowDetectionSwitchWrap .innerCard .ulBox ul {
        display: flex;
        flex-direction: column;
        gap: 20px; }
        .flowDetectionAlgorithm .flowDetectionSwitchWrap .innerCard .ulBox ul li {
          color: #081124;
          font-size: 18px;
          line-height: 25px;
          margin-left: 24px;
          font-weight: 300;
          position: relative;
          list-style: disc;
          cursor: pointer; }
          .flowDetectionAlgorithm .flowDetectionSwitchWrap .innerCard .ulBox ul li.on {
            color: #5391FF; }

.flowDetectionFeatures .proFeaturesContent {
  height: 610px; }
  .flowDetectionFeatures .proFeaturesContent .container {
    padding-left: 130px;
    padding-right: 130px;
    display: flex;
    align-items: center;
    height: 100%; }
  .flowDetectionFeatures .proFeaturesContent .featuresCard .titleBox {
    margin-right: 0px;
    padding-left: 0px; }
  .flowDetectionFeatures .proFeaturesContent .featuresCard .titleBox .desc {
    font-size: 18px;
    color: #1D2129;
    line-height: 22px;
    text-align: justify; }
  .flowDetectionFeatures .proFeaturesContent .featuresCard .introCon {
    width: calc(100% - 800px); }
  .flowDetectionFeatures .proFeaturesContent .featuresCard .imgBox {
    width: 800px;
    height: 610px; }
  .flowDetectionFeatures .proFeaturesContent .featuresCard .imgBox img {
    object-fit: contain; }

.dataapplicationSection .slideArrowGroup .slide-arrow {
  border: 1px solid #15284B; }

/*AI点检*/
.aipointPlanTabSwiper {
  margin: 120px 0px; }
  .aipointPlanTabSwiper .container {
    max-width: 100%;
    margin: 0px auto; }
  .aipointPlanTabSwiper .titleWrap {
    margin-bottom: 54px; }
  .aipointPlanTabSwiper .titleWrap h3 {
    color: #1D2129;
    font-size: 32px;
    font-weight: 500;
    line-height: 45px; }
  .aipointPlanTabSwiper .businessSwitchWrap .swiper-slide, .aipointPlanTabSwiper .pointPlanSwitchWrap .swiper-slide {
    opacity: 1; }
  .aipointPlanTabSwiper .businessSwitchWrap .imgCard, .aipointPlanTabSwiper .pointPlanSwitchWrap .imgCard {
    flex: 0 0 50%;
    background: #e5e6e8; }
  .aipointPlanTabSwiper .businessSwitchWrap .imgCard img, .aipointPlanTabSwiper .businessSwitchWrap .imgCard video, .aipointPlanTabSwiper .pointPlanSwitchWrap .imgCard img, .aipointPlanTabSwiper .pointPlanSwitchWrap .imgCard video {
    width: 100%;
    min-height: 610px; }
  .aipointPlanTabSwiper .businessSwitchWrap .imgCard img, .aipointPlanTabSwiper .pointPlanSwitchWrap .imgCard img {
    object-fit: contain; }
  .aipointPlanTabSwiper .businessTabContent, .aipointPlanTabSwiper .pointPlanTabContent {
    overflow: hidden;
    width: 100%; }
    .aipointPlanTabSwiper .businessTabContent .switchNavTab, .aipointPlanTabSwiper .pointPlanTabContent .switchNavTab {
      padding: 0px;
      margin: 0px;
      position: relative;
      width: 100%; }
      .aipointPlanTabSwiper .businessTabContent .switchNavTab:after, .aipointPlanTabSwiper .pointPlanTabContent .switchNavTab:after {
        content: '';
        width: 100%;
        height: 3px;
        display: inline-block;
        position: absolute;
        bottom: 0px;
        background: #F7F8FA;
        z-index: -1; }
    .aipointPlanTabSwiper .businessTabContent .switchBox, .aipointPlanTabSwiper .pointPlanTabContent .switchBox {
      gap: 0px;
      position: relative;
      margin: 0 auto;
      width: calc(100% - 220px); }
      .aipointPlanTabSwiper .businessTabContent .switchBox li, .aipointPlanTabSwiper .pointPlanTabContent .switchBox li {
        width: calc(100% / 3) !important;
        height: 38px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .aipointPlanTabSwiper .businessTabContent .switchBox li:before, .aipointPlanTabSwiper .pointPlanTabContent .switchBox li:before {
          width: 0%; }
        .aipointPlanTabSwiper .businessTabContent .switchBox li a, .aipointPlanTabSwiper .pointPlanTabContent .switchBox li a {
          width: 100%;
          text-align: center;
          display: flex;
          justify-content: center; }
        .aipointPlanTabSwiper .businessTabContent .switchBox li .title, .aipointPlanTabSwiper .pointPlanTabContent .switchBox li .title {
          font-size: 16px;
          line-height: 22px;
          padding-bottom: 20px; }
      .aipointPlanTabSwiper .businessTabContent .switchBox li.active:before, .aipointPlanTabSwiper .pointPlanTabContent .switchBox li.active:before {
        width: 40%;
        transition: inherit; }
  .aipointPlanTabSwiper .swiper-pagination {
    width: 128px;
    bottom: 32px;
    right: auto;
    left: calc(50% + 88px);
    justify-content: flex-start;
    z-index: 1000; }
    .aipointPlanTabSwiper .swiper-pagination.pagination-center {
      bottom: 40px;
      right: 50%;
      transform: translatex(64px);
      justify-content: center; }
  .aipointPlanTabSwiper .pointPlanSwitchWrap {
    height: 610px;
    overflow: hidden;
    margin-left: 0px;
    padding: 0px; }
    .aipointPlanTabSwiper .pointPlanSwitchWrap .imgCard {
      border-radius: 0px; }
    .aipointPlanTabSwiper .pointPlanSwitchWrap .slideInner {
      display: none; }
    .aipointPlanTabSwiper .pointPlanSwitchWrap .slideInner.active {
      display: flex; }
    .aipointPlanTabSwiper .pointPlanSwitchWrap .innerCard {
      width: auto;
      max-width: 50%;
      padding: 44px 88px;
      background: #fff; }
      .aipointPlanTabSwiper .pointPlanSwitchWrap .innerCard .titleBox {
        margin-bottom: 24px;
        max-width: 410px; }
        .aipointPlanTabSwiper .pointPlanSwitchWrap .innerCard .titleBox h5 {
          margin-bottom: 8px; }
        .aipointPlanTabSwiper .pointPlanSwitchWrap .innerCard .titleBox h6 {
          font-size: 18px;
          font-weight: 500;
          line-height: 26px;
          margin-bottom: 4px;
          color: #1D2129; }
        .aipointPlanTabSwiper .pointPlanSwitchWrap .innerCard .titleBox .desc {
          font-size: 16px;
          font-weight: 300;
          line-height: 24px;
          color: #4E5969; }
      .aipointPlanTabSwiper .pointPlanSwitchWrap .innerCard .ulBox ul {
        display: flex;
        flex-direction: column;
        gap: 12px; }
        .aipointPlanTabSwiper .pointPlanSwitchWrap .innerCard .ulBox ul li {
          align-self: baseline;
          color: #15284B;
          font-size: 15px;
          line-height: 21px;
          margin-left: 0px;
          font-weight: 300;
          position: relative;
          padding: 2px 16px;
          list-style: none;
          cursor: inherit;
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          border-radius: 4px; }
          .aipointPlanTabSwiper .pointPlanSwitchWrap .innerCard .ulBox ul li span {
            position: relative;
            z-index: 10; }
          .aipointPlanTabSwiper .pointPlanSwitchWrap .innerCard .ulBox ul li:before {
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            content: '';
            top: 0px;
            left: 0px;
            border-radius: 4px;
            background: linear-gradient(91.5deg, #FDEAFF -1.32%, #ECF3FF 40.55%, #EBFEFF 103.35%);
            z-index: 2; }
          .aipointPlanTabSwiper .pointPlanSwitchWrap .innerCard .ulBox ul li:after {
            display: block;
            width: calc(100% + 2px);
            height: calc(100% + 2px);
            content: '';
            position: absolute;
            top: -1px;
            left: -1px;
            background: linear-gradient(175deg, #37FFFB -1.32%, #4886FF 40.55%, #EE25FF 103.35%);
            z-index: 1;
            border-radius: 4px; }

.aipointPlanTabSwiper .aipointPlanTabMobile .accordion-container .accordion-item .headBox {
  display: flex;
  border-bottom: 1px solid #D0D3D9 !important; }

.aipointPlanTabSwiper .aipointPlanTabMobile .accordion-container .accordion-item .headBox i.arrowMore {
  height: 14px;
  width: 14px;
  transform: rotateX(180deg);
  background: url(../images/businesstab_dropmore_arrow.svg) center center no-repeat; }

.aipointPlanTabSwiper .aipointPlanTabMobile .accordion-container .accordion-item .headBox.collapsed i.arrowMore {
  transform: rotateX(0deg); }

.aipointPlanTabSwiper .aipointPlanTabMobile .accordion-container .accordion-item .bodyCon .imgCard {
  margin-top: 16px; }

.aipointPlanTabSwiper .aipointPlanTabMobile .accordion-item .bodyCon {
  margin-top: 0px !important; }
  .aipointPlanTabSwiper .aipointPlanTabMobile .accordion-item .bodyCon .innerCard {
    width: auto;
    min-height: 460px;
    max-width: 100%;
    padding: 24px 24px 60px !important;
    background: #F7F7F7; }
    .aipointPlanTabSwiper .aipointPlanTabMobile .accordion-item .bodyCon .innerCard .titleBox {
      margin-bottom: 16px !important;
      max-width: 100%; }
      .aipointPlanTabSwiper .aipointPlanTabMobile .accordion-item .bodyCon .innerCard .titleBox h5 {
        margin-bottom: 8px !important; }
        .aipointPlanTabSwiper .aipointPlanTabMobile .accordion-item .bodyCon .innerCard .titleBox h5 p {
          font-size: 20px;
          line-height: 29px;
          color: #1D2129 !important; }
      .aipointPlanTabSwiper .aipointPlanTabMobile .accordion-item .bodyCon .innerCard .titleBox h6 {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 4px;
        color: #1D2129; }
      .aipointPlanTabSwiper .aipointPlanTabMobile .accordion-item .bodyCon .innerCard .titleBox .desc {
        font-size: 14px;
        font-weight: 300;
        line-height: 20px;
        color: #1D2129; }
    .aipointPlanTabSwiper .aipointPlanTabMobile .accordion-item .bodyCon .innerCard .ulBox ul {
      display: flex;
      flex-direction: column;
      gap: 12px; }
      .aipointPlanTabSwiper .aipointPlanTabMobile .accordion-item .bodyCon .innerCard .ulBox ul li {
        align-self: baseline;
        color: #15284B;
        font-size: 12px;
        line-height: 17px;
        margin-left: 0px;
        font-weight: 300;
        position: relative;
        padding: 2px 16px;
        list-style: none;
        cursor: inherit;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border-radius: 4px; }
        .aipointPlanTabSwiper .aipointPlanTabMobile .accordion-item .bodyCon .innerCard .ulBox ul li span {
          position: relative;
          z-index: 10; }
        .aipointPlanTabSwiper .aipointPlanTabMobile .accordion-item .bodyCon .innerCard .ulBox ul li:before {
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          content: '';
          top: 0px;
          left: 0px;
          border-radius: 4px;
          background: linear-gradient(91.5deg, #FDEAFF -1.32%, #ECF3FF 40.55%, #EBFEFF 103.35%);
          z-index: 2; }
        .aipointPlanTabSwiper .aipointPlanTabMobile .accordion-item .bodyCon .innerCard .ulBox ul li:after {
          display: block;
          width: calc(100% + 2px);
          height: calc(100% + 2px);
          content: '';
          position: absolute;
          top: -1px;
          left: -1px;
          background: linear-gradient(175deg, #37FFFB -1.32%, #4886FF 40.55%, #EE25FF 103.35%);
          z-index: 1;
          border-radius: 4px; }

.aipointPlanTabSwiper .aipointPlanTabMobile .accordion-item #accordion-collapse-3 .innerCard {
  min-height: 520px; }

.aipointPlanTabSwiper .aipointPlanTabMobile .swiper-pagination {
  left: calc(50% + 0px);
  bottom: 24px;
  width: 80px;
  display: flex;
  justify-content: center;
  margin-left: -40px; }

/*AI 点检 - InfiSight 视觉大模型 Mimo Vision*/
.mimoVision {
  margin-top: 120px;
  margin-bottom: 80px; }
  .mimoVision .titleWrap {
    text-align: center;
    margin-bottom: 55px; }
    .mimoVision .titleWrap h3 {
      color: #1D2129;
      font-size: 32px;
      font-weight: 500;
      line-height: 45px; }
  .mimoVision .container {
    height: 600px;
    display: flex;
    padding: 0px; }
  .mimoVision .introWrap {
    width: calc(100% - 690px);
    height: 100%;
    padding: 0px 130px 0px 130px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column; }
    .mimoVision .introWrap .titleBox {
      margin-bottom: 40px;
      max-width: 470px; }
      .mimoVision .introWrap .titleBox h5 {
        color: #081124;
        font-size: 28px;
        margin-bottom: 8px;
        line-height: 41px;
        font-weight: 500; }
      .mimoVision .introWrap .titleBox p {
        font-size: 16px;
        color: #4E5969;
        line-height: 24px;
        font-weight: 300; }
      .mimoVision .introWrap .titleBox .colortxt {
        background: linear-gradient(90deg, #12D0D5 0%, #6674FF 42%, #D832FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-weight: 500; }
    .mimoVision .introWrap .txtBox {
      margin-bottom: 40px; }
      .mimoVision .introWrap .txtBox ul {
        display: flex;
        flex-direction: column;
        gap: 24px; }
        .mimoVision .introWrap .txtBox ul li {
          color: #081124;
          font-size: 18px;
          line-height: 21px;
          margin-left: 16px;
          position: relative;
          font-weight: 300;
          list-style: disc; }
          .mimoVision .introWrap .txtBox ul li:nth-last-of-type(1) {
            margin-bottom: 0px; }
          .mimoVision .introWrap .txtBox ul li span {
            font-weight: 500; }
    .mimoVision .introWrap .slogan {
      color: #2E7BD3;
      font-size: 20px;
      font-weight: 500;
      line-height: 34px;
      background: linear-gradient(90deg, #12D0D5 0%, #6674FF 42%, #D832FF 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent; }
  .mimoVision .imgWrap {
    width: 560px;
    height: 600px;
    display: flex;
    position: relative;
    align-items: center;
    overflow: hidden;
    justify-content: center;
    background: #ffffff; }
    .mimoVision .imgWrap .videoPopImg {
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden; }
    .mimoVision .imgWrap img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      position: absolute;
      z-index: 1; }
    .mimoVision .imgWrap .popVideoBtn {
      transform: scale(1);
      transition: all 0.3s ease-in-out 0s;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      height: 100%;
      width: 100%;
      z-index: 100; }
    .mimoVision .imgWrap .playIcon {
      display: flex;
      border-radius: 9999px;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      width: 80px;
      height: 80px;
      position: relative;
      transition: all 0.3s ease-in-out 0s;
      background: url(../images/playerbtn.png) center center no-repeat;
      background-size: 100%; }
    .mimoVision .imgWrap:hover .playIcon {
      transform: scale(1.2); }

/*AI 点检 - 硬件设备*/
.hardwareEquipment {
  background: #F7F7F7;
  height: 353px;
  position: relative; }
  .hardwareEquipment:after {
    width: 355px;
    height: 232px;
    background: url(../images/hardwareequipment_bg.png) right bottom no-repeat;
    background-size: 100%;
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block;
    z-index: 1; }
  .hardwareEquipment .container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    position: relative; }
  .hardwareEquipment .contentWrap {
    text-align: center; }
    .hardwareEquipment .contentWrap h4 {
      font-size: 32px;
      color: #1D2129;
      line-height: 46px;
      margin-bottom: 16px;
      font-weight: 500; }
    .hardwareEquipment .contentWrap .desc {
      font-size: 18px;
      font-weight: 300;
      color: #1D2129; }
      .hardwareEquipment .contentWrap .desc span {
        color: #1D2129;
        font-weight: 400; }
      .hardwareEquipment .contentWrap .desc a {
        font-weight: 400;
        color: #5391FF;
        text-decoration: underline; }

/*预约演示*/
.bookFormSection {
  width: 100%;
  height: 760px;
  display: flex;
  align-items: center;
  position: relative; }
  .bookFormSection .container {
    padding: 0px 130px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 10; }
  .bookFormSection .bannerkvbg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: 5; }
  .bookFormSection .introWrap, .bookFormSection .bookformSuccessTips {
    transition: all 0.4s ease; }
    .bookFormSection .introWrap h2, .bookFormSection .bookformSuccessTips h2 {
      font-size: 40px;
      color: #fff;
      margin-bottom: 32px;
      line-height: 34px;
      text-align: justify;
      font-weight: 500; }
    .bookFormSection .introWrap .txtBox ul li, .bookFormSection .bookformSuccessTips .txtBox ul li {
      font-size: 20px;
      color: #fff;
      line-height: 34px;
      margin-bottom: 2px;
      font-weight: 300;
      list-style: disc;
      margin-left: 24px;
      text-align: justify; }
      .bookFormSection .introWrap .txtBox ul li:nth-last-of-type(1), .bookFormSection .bookformSuccessTips .txtBox ul li:nth-last-of-type(1) {
        margin-bottom: 0px; }
  .bookFormSection .bookformSuccessTips {
    display: none;
    opacity: 0;
    visibility: hidden; }
    .bookFormSection .bookformSuccessTips .txtBox ul {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center; }
  .bookFormSection.successOn .container {
    justify-content: center; }
  .bookFormSection.successOn .bookformSuccessTips {
    display: block;
    opacity: 1;
    visibility: visible; }
  .bookFormSection.successOn .introWrap, .bookFormSection.successOn .formBookCon {
    display: none;
    opacity: 0;
    visibility: hidden; }
  .bookFormSection .formBookCon {
    transition: all 0.4s ease;
    width: 496px;
    min-height: 552px;
    padding: 24px 24px 32px;
    background: #FFFFFF;
    box-shadow: -4px 4px 20px rgba(161, 161, 161, 0.22);
    border-radius: 12px; }
    .bookFormSection .formBookCon .formCon {
      min-height: 408px;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      gap: 24px;
      margin-bottom: 40px; }
    .bookFormSection .formBookCon .row {
      display: flex;
      gap: 16px;
      margin: 0px; }
    .bookFormSection .formBookCon .row:nth-child(1) {
      display: block;
      gap: 0px; }
    .bookFormSection .formBookCon .col-lg-6 {
      flex: 0 0 calc(50% - 8px);
      max-width: calc(50% - 8px);
      padding: 0px; }
    .bookFormSection .formBookCon .layui-form {
      display: flex;
      height: 100%;
      min-height: 496px;
      flex-direction: column;
      justify-content: space-between; }
    .bookFormSection .formBookCon .form-group, .bookFormSection .formBookCon .radio-group {
      width: 100%;
      display: block; }
    .bookFormSection .formBookCon .radio-group:nth-last-of-type(1) label, .bookFormSection .formBookCon .radio-group:nth-last-of-type(2) label {
      margin-bottom: 12px; }
    .bookFormSection .formBookCon .form-control.is-invalid, .bookFormSection .formBookCon .was-validated .form-control:invalid {
      box-shadow: none;
      outline: none;
      background: none; }
    .bookFormSection .formBookCon .form-control.is-valid, .bookFormSection .formBookCon .was-validated .form-control:valid {
      border-color: #A3A8AC;
      box-shadow: none;
      outline: none;
      background: none; }
    .bookFormSection .formBookCon .invalid-feedback {
      color: #F53F3F; }
    .bookFormSection .formBookCon .radio-list {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      flex-wrap: wrap;
      gap: 16px; }
    .bookFormSection .formBookCon .layui-form-radio {
      margin: 0px;
      padding-right: 2px;
      line-height: 22px; }
    .bookFormSection .formBookCon .layui-form-radio > i {
      color: #C5C8CB; }
    .bookFormSection .formBookCon .layui-form-radio > * {
      font-size: 14px; }
    .bookFormSection .formBookCon .layui-form-radio:hover > *, .bookFormSection .formBookCon .layui-form-radioed, .bookFormSection .formBookCon .layui-form-radioed > i {
      color: #15284B; }
    .bookFormSection .formBookCon label {
      font-size: 14px;
      line-height: 22px;
      margin: 0px;
      margin-bottom: 8px; }
      .bookFormSection .formBookCon label i {
        margin-right: 2px;
        color: #FF0000; }
    .bookFormSection .formBookCon input {
      border: 1px solid #E3E3E3;
      height: 38px;
      border-radius: 6px;
      font-size: 16px;
      color: #1D2129;
      outline: none;
      box-shadow: none; }
      .bookFormSection .formBookCon input::placeholder {
        color: #1D2129;
        font-size: 16px; }
      .bookFormSection .formBookCon input:focus {
        border: 1px solid #1D2129; }
    .bookFormSection .formBookCon textarea {
      border: 1px solid #E3E3E3;
      border-radius: 6px;
      height: 140px; }
    .bookFormSection .formBookCon small {
      width: 100%;
      text-align: right;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 16px;
      margin-top: 8px; }
      .bookFormSection .formBookCon small a {
        color: #1D2129;
        font-size: 16px; }
    .bookFormSection .formBookCon .line20 {
      line-height: 20px; }
    .bookFormSection .formBookCon .form-check-input {
      margin: 0px;
      position: relative; }
    .bookFormSection .formBookCon .form-check {
      padding: 0px;
      margin-top: 20px;
      margin-bottom: 30px; }
      .bookFormSection .formBookCon .form-check label {
        font-size: 16px; }
      .bookFormSection .formBookCon .form-check .form-check-label {
        width: 100%;
        padding-left: 20px; }
      .bookFormSection .formBookCon .form-check a {
        color: #015DAC; }
    .bookFormSection .formBookCon .formBookCon .btn-default {
      margin-top: 20px; }
    .bookFormSection .formBookCon .btn-default {
      width: 100%;
      background: #A3A8AC;
      color: #fff;
      display: flex;
      height: 48px;
      font-size: 16px;
      border-radius: 37px;
      align-items: center;
      justify-content: center; }
      .bookFormSection .formBookCon .btn-default:hover, .bookFormSection .formBookCon .btn-default.on {
        background: #15284B; }

.pageClientSection {
  background: #F7F7F7;
  height: 322px;
  padding: 64px 0px 34px 0px;
  margin-top: 0px;
  margin-bottom: 120px; }
  .pageClientSection .titleWrap {
    margin-bottom: 8px; }
    .pageClientSection .titleWrap h4 {
      font-size: 24px;
      color: #1D2129;
      text-align: center;
      line-height: 34px; }
  .pageClientSection .clientSwiper {
    margin-bottom: 8px; }
  .pageClientSection .clientSwiper:before {
    background: linear-gradient(270deg, rgba(247, 247, 247, 0) 0%, #F7F7F7 100%); }
  .pageClientSection .clientSwiper:after {
    background: linear-gradient(270deg, #F7F7F7 0%, rgba(247, 247, 247, 0) 100%); }

/*About InfiSight*/
.aboutBannerKv {
  height: 520px;
  min-height: 520px; }
  .aboutBannerKv .innerCard .slideContent {
    position: relative;
    min-width: 547px;
    max-width: 40%;
    margin: 0 auto;
    left: auto; }
    .aboutBannerKv .innerCard .slideContent h3 {
      color: #1D2129;
      font-weight: 500;
      font-size: 44px;
      line-height: 62px;
      text-align: center; }
    .aboutBannerKv .innerCard .slideContent .desc {
      margin-bottom: 0px; }
    .aboutBannerKv .innerCard .slideContent .desc p {
      font-size: 18px;
      line-height: 28px;
      color: #1D2129;
      text-align: center;
      font-weight: 300; }

.aboutusSection .container {
  padding: 120px 0px;
  position: relative; }

.aboutusSection .aboutUsCon {
  height: 520px;
  display: flex; }

.aboutusSection .imgWrap {
  width: 710px;
  height: 520px; }

.aboutusSection .introWrap {
  width: calc(100% - 49.305555%);
  height: 100%;
  padding: 0px 80px 0px 130px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column; }
  .aboutusSection .introWrap .titleBox {
    margin-bottom: 24px; }
    .aboutusSection .introWrap .titleBox h5 {
      font-weight: 500;
      font-size: 32px;
      line-height: 45px;
      color: #1D2129; }
  .aboutusSection .introWrap .introBox {
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
    color: #1D2129;
    font-weight: 300; }
    .aboutusSection .introWrap .introBox a {
      color: #1D2129;
      text-decoration: underline;
      font-weight: 300; }

.aboutVisionSection .container {
  background: #F9F9F9;
  padding-top: 54px;
  padding-bottom: 54px; }

.aboutVisionSection .visionList {
  display: flex;
  justify-content: center;
  gap: 56px; }
  .aboutVisionSection .visionList .visionInner {
    padding: 48px 24px;
    display: flex;
    justify-content: flex-start;
    gap: 16px; }
    .aboutVisionSection .visionList .visionInner .iconBox {
      width: 76px;
      height: 76px;
      background: #F0F0F0;
      border-radius: 50%;
      box-shadow: -4px 4px 20px rgba(161, 161, 161, 0.22); }
    .aboutVisionSection .visionList .visionInner .introBox h5 {
      font-weight: 500;
      font-size: 24px;
      line-height: 34px;
      margin-bottom: 16px;
      color: #15284B; }
    .aboutVisionSection .visionList .visionInner .introBox p {
      font-weight: 400;
      font-size: 18px;
      line-height: 25px;
      color: #1D2129; }

.groupDataSection .container {
  padding: 120px 0px 72px 0px;
  position: relative; }

.groupDataSection .aboutUsCon {
  flex-direction: row-reverse; }

.groupDataSection .introWrap {
  padding: 0px 130px 0px 80px; }

.sharetronicHistorySection {
  padding-top: 72px; }
  .sharetronicHistorySection .container {
    height: 674px;
    padding: 0px;
    background: url(https://cdn.infisight.net/www/images/sharetronic_history_bg.jpg?v20240807) center center no-repeat; }
  .sharetronicHistorySection .titleWrap {
    margin-bottom: 12px;
    text-align: center; }
    .sharetronicHistorySection .titleWrap h3 {
      color: #1D2129;
      font-size: 32px;
      font-weight: 500;
      line-height: 45px; }
  .sharetronicHistorySection .historyList {
    padding: 130px 0px 0px 0px;
    margin: 0px 130px;
    position: relative; }
  .sharetronicHistorySection .historySwiper {
    margin: 0px 100px;
    margin-bottom: 36px; }
  .sharetronicHistorySection .historyInner {
    position: relative;
    height: 252px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 24px; }
    .sharetronicHistorySection .historyInner:before {
      position: absolute;
      left: 5px;
      width: 2px;
      height: calc(100% - 11px);
      z-index: 10;
      background: rgba(21, 40, 75, 0.3);
      content: '';
      display: inline-block; }
    .sharetronicHistorySection .historyInner:after {
      position: absolute;
      width: 12px;
      height: 12px;
      display: inline-block;
      z-index: 20;
      border-radius: 50%;
      background: url(../images/hisli_ico.svg) center center no-repeat;
      background-size: contain;
      content: '';
      left: 0px;
      bottom: -1px; }
    .sharetronicHistorySection .historyInner .titleBox h5 {
      font-weight: 500;
      font-size: 24px;
      line-height: 34px;
      color: #1D2129;
      margin-bottom: 8px; }
      .sharetronicHistorySection .historyInner .titleBox h5 span {
        font-size: 14px;
        line-height: 31px;
        padding-left: 2px; }
    .sharetronicHistorySection .historyInner .titleBox p {
      font-weight: 400;
      font-size: 15px;
      line-height: 21px;
      text-align: justify;
      color: #4E5969; }
    .sharetronicHistorySection .historyInner .imgBox {
      height: 110px; }
      .sharetronicHistorySection .historyInner .imgBox img {
        max-width: 100%;
        max-height: 100%; }
  .sharetronicHistorySection .historyTabSwiper {
    width: 100%; }
    .sharetronicHistorySection .historyTabSwiper .swiper-slide {
      cursor: pointer;
      height: 20px;
      background: url(../images/history_tabinner.png) center center no-repeat;
      background-size: cover; }
  .sharetronicHistorySection .historySwiperProgress {
    width: 1262px;
    margin: 0 auto;
    padding-right: 2px;
    overflow: hidden; }
    .sharetronicHistorySection .historySwiperProgress .progressWrap {
      width: 2524px;
      display: flex; }
    .sharetronicHistorySection .historySwiperProgress .progressLine {
      width: 100%;
      height: 20px;
      background: url(../images/historyswiper_progressbg.svg) left center no-repeat;
      background-size: cover; }
    .sharetronicHistorySection .historySwiperProgress .progressLine:nth-of-type(2) {
      margin-left: -1px; }
  .sharetronicHistorySection .slideArrowGroup {
    position: absolute;
    bottom: 105px;
    left: 0px;
    right: 0px;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 0px);
    gap: 16px; }
    .sharetronicHistorySection .slideArrowGroup .slideGroupCon {
      width: 100%;
      display: flex;
      align-items: center;
      gap: 16px; }
    .sharetronicHistorySection .slideArrowGroup .slide-arrow {
      width: 44px;
      height: 44px;
      border-radius: 60px;
      cursor: pointer;
      border: 1px solid #A3A8AC;
      border: 1px solid #15284B;
      transition: all ease-in-out 0.3s; }
      .sharetronicHistorySection .slideArrowGroup .slide-arrow:hover {
        border: 1px solid #15284B; }
    .sharetronicHistorySection .slideArrowGroup .slide-arrow-prev {
      background: url(../images/slide_arrow_left_b.svg) 55% center no-repeat;
      background-size: 13px 13px; }
      .sharetronicHistorySection .slideArrowGroup .slide-arrow-prev:hover {
        background: url(../images/slide_arrow_left_b.svg) 55% center no-repeat;
        background-size: 13px 13px; }
      .sharetronicHistorySection .slideArrowGroup .slide-arrow-prev.swiper-button-disabled {
        background: url(../images/slide_arrow_left.svg) 55% center no-repeat;
        background-size: 13px 13px;
        border: 1px solid #86909C;
        cursor: default; }
    .sharetronicHistorySection .slideArrowGroup .slide-arrow-next {
      background: url(../images/slide_arrow_right_b.svg) 45% center no-repeat;
      background-size: 13px 13px; }
      .sharetronicHistorySection .slideArrowGroup .slide-arrow-next:hover {
        background: url(../images/slide_arrow_right_b.svg) 45% center no-repeat;
        background-size: 13px 13px; }
      .sharetronicHistorySection .slideArrowGroup .slide-arrow-next.swiper-button-disabled {
        background: url(../images/slide_arrow_right.svg) 45% center no-repeat;
        background-size: 13px 13px;
        border: 1px solid #86909C;
        cursor: default; }